$(function() {

    
    
    //nav栏
    $(".header_nav_content ul li").on("click",function() {
        // $(this).children().addClass("curren")
        var index=$(this).index();
        
        $(this).addClass("curren").siblings().removeClass("curren");
        // $(this).find("a").addClass("curren");
        $("body>div").fadeOut(200);
        $("body>div").eq(index).fadeIn(200);
    })


    //进度条       如果刚进页面显示的不是首页 %会变成px   
    $(document).on("scroll",function() {
        if($(this).scrollTop()>=$(".my_message").offset().top)
        {
            $(".progress").stop().show(500);
        }else if($(this).scrollTop()<=$(".header_word").offset().top){
            $(".progress").stop().hide(200);
        }
            if($(this).scrollTop()>=$(".portfolio").offset().top-300){
                 $(".progress").stop().hide(300);
            }
        })

                         //简历部分时间轴
                $(document).on("scroll",function() {
                    if($(this).scrollTop()>=$(".my_message").offset().top)
                    {
                        
                        $(".time_copy").css("animation","resume 5s");
                    }else if($(this).scrollTop()<=$(".header_word").offset().top){
                        
                        $(".time_copy").css("animation","resume_t 5s");
                    }
                })  
                
                

                //全局留言
                var slider=document.querySelector('.slider');
                var con=document.querySelector('.con');
                var span=document.querySelector('span');
                
                
                slider.addEventListener('mouseenter',function() {
                    animate(con,-160,function() {
                            span.innerHTML='-->';
                    });
                })
                slider.addEventListener('mouseleave',function() {
                    animate(con,0,function() {
                        span.innerHTML='←';
                    });
                })
                con.addEventListener("click",function() {
                    $("body>div").fadeOut(200);
                    $(".home_page").fadeIn(200);
                    $(".header_nav_content>ul>li").eq(0).addClass("curren").siblings().removeClass("curren");
                })

                //登录注册页面
                $(".form_content_right_top>b").on("click",function() {
                    $(".forum_login").slideDown(400);
                })
                $(".forum_login p #l").on("click",function() {
                    $("#log_form").stop().show(300);
                    $("#reg_form").stop().hide(300);
                    $("#reg_form_name").val("");
                    $("#reg_form_pwd").val("");
                    $("#profession").val("");
                    $(this).css("color","#B59AFE").siblings().css("color","rgba(0, 0, 0, .2)");
                })
                $(".forum_login p #reg").on("click",function() {
                    $("#reg_form").stop().show(300);
                    $("#log_form").stop().hide(300);
                    $("#log_form_name").val("");
                    $("#log_form_pwd").val("");
                    $(this).css("color","#B59AFE").siblings().css("color","rgba(0, 0, 0, .2)");
                })
                $(".forum_login input").on("focus",function() {
                    $(this).siblings("span").css("bottom","20px");
                   
                })
                $(".forum_login input").on("blur",function() {
                    if($(this).val()==""||$(this).val()==null) {
                        $(this).siblings("span").css("bottom","0");
                    }
                })
                $(".forum_error").on("click",function() {
                   $(".forum_login").stop().slideUp(400);
                }) 
                $(".hint_error").on("click",function() {
                    $(".hint").stop().slideUp(400);
                }) 
                
                
                
    })
  


  
    






   
    
     
